.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh {
    display: flex;
    display: -webkit-flex;
}
header{
    .txh();
    justify-content: space-between;
    align-items: center;
    .px2rem(height,100);
    span:nth-child(1){
        img{
           .px2rem(width,50); 
           .px2rem(height,40); 
           .px2rem(padding-left,40);
        }
    }
    span:nth-child(2){
       .px2rem(font-size,40);
        
    }
    span:nth-child(3){
        img{
           .px2rem(width,35); 
           .px2rem(height,53); 
           .px2rem(padding-right,40);
        }
    }
}
main{
    //.px2rem(padding-top,100); 
    p{
        .px2rem(height,25); 
        background: #ccc;
    }
    .shi_1json{
        .txh();
        justify-content: space-around;
        align-items: center;
        width: 100%;
        .px2rem(height,270); 
        li{
            img{
                .px2rem(width,140); 
                .px2rem(height,160); 
            }
        }
    }
}
section{
    ul:nth-child(1){
        .txh();
        justify-content: center;
        align-items: center;
        .px2rem(height,100);
        background: #f1f6fb;
        li:nth-child(1){
           .px2rem(font-size,37); 
           color: #CCCCCC;
        }
        li:nth-child(2){
           .px2rem(font-size,37); 
           .px2rem(margin-left,65); 
           color: #CCCCCC;
        }
        li:hover{
            color: #202020;
            border-bottom: 2px solid #202020;
        }
        
    }
    ul:nth-child(2){
       // width: 90%;
        .txh();
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        
        li{
             width: 45%;
            img{
               width: 100%;
            }
        }
    }
}
